/* pages/client/client-info/client-info.wxss */
page{
  background: var(--bg-color);
}
.client-info{
  padding: 28rpx;
  color: #333;
  .info-header{
    padding: 28rpx;
    background: #fff;
    border-bottom: 1px solid #eee;
    font-size: 28rpx;
    >view{
      display: flex;
      line-height: 55rpx;
    }
    .header-title{
      font-size: 32rpx;
    }
    input{
      flex: 1;
      height: 55rpx;
      border-bottom: 1rpx solid transparent;
      &:not([disabled]){
        border-color:#ccc;
      }
    }
    .header-address{
      display: flex;
      align-items: center;
      text{
        color: #8E8E93;
      }
    } //header-address end
    .header-handle{
      display: flex;
      justify-content: space-between;
      font-size: 24rpx;
      >view{
        color: #c7c7c7;
        line-height: 1.3;
        text-align: center;
        i{
          color:  var(--main-color);
        }
      }
      .delete i{
        color: #4CD964;
      }
      navigator{
        display: inline-block;
        width: 144rpx;
        line-height: 66rpx;
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 24rpx;
        border-radius: 10rpx;
        border: 1px solid var(--main-color);
        color: var(--main-color);
        background: #fff;
      }
    }//  header-handle end
  } //info-header end

  .info-title{
    padding: 28rpx;
    background: #fff;
    font-size: 28rpx;
    line-height: 55rpx;
    border-bottom: 1px solid #eee;
    .title{
      color: #051920;
    }
    .title-info{
      color: #8E8E93;
    }
    navigator{
      display: inline-block;
      background: var(--main-color);
      text-align: center;
      color: #fff;
      border: 0;
      width: 188rpx;
      line-height: 66rpx;
      border-radius: 16rpx;
      font-size: 24rpx;
      margin: 0;
      margin-top: 30rpx;
      padding: 0;
    }
  }// info-title end

  .info-history{
    padding: 28rpx;
    background: #fff;
    border-bottom: 1px solid #eee;
    &:last-child{
      border-bottom: 0;
    }
    .history-title{
      font-size: 32rpx;
      color: #333;
      margin-bottom: 20rpx;
      text{
        float: right;
        font-size: 28rpx;
        color: #c7c7cc;
      }
    }
    .history-code{
      color: #8E8E93;
      font-size: 28rpx;
      margin-bottom: 10rpx;
    }
    .history-handle{
      color: #000;
      font-size: 28rpx;
      margin-top: 30rpx;
      >view{
        line-height: 45rpx;
        text{
          display: inline-block;
          width: 130rpx;
          color: #8E8E93;
        }
      }
      .handle-vendor{
        color: #000;
      }
      .handle-status{
        color: #C7C7CC;
        margin-bottom: 5rpx;
      }
      > navigator{
        display: inline-block;
        font-size: 32rpx;
        border-bottom: 1px solid var(--main-color);
        color: var(--main-color);
      }
    }
  }// .info-history end

  .contract-sele{
    width: 540rpx;
    padding: 10rpx 0;
    background: #fff;
    color: #000;
    text-align: center;
    .sele-title{
      font-size: 34rpx;
      line-height: 100rpx;
      border-bottom: 1px solid #C7C7CC;
    }
    van-radio-group{
      display: flex;
      flex-direction: column;
      align-items: center;
      van-radio{
        margin: 25rpx 0;
        font-size: 30rpx;
      }
    }
  }

  .table, .table view{
    margin: 0 auto;
  }
  .table {
    display: table;
    width: 100%;
    border-collapse: collapse; //合并边框
    box-sizing: border-box;
    font-size: 24rpx;
    .table-tr {
      display: table-row;
      height: 70rpx;
    }
    .table-th{
      display: table-cell;
      color:#8E8E93;
      text-align: center;
      border: 2rpx solid #C7C7CC;
      vertical-align: middle;
      background: #fff;
    }
    .table-td {
      display: table-cell;
      border: 2rpx solid #C7C7CC;
      text-align: center;
      vertical-align: middle;
      background: #fff;
    }
  } //table  end
  .van-popup__close-icon{
    top: 40rpx;
  }
}